//公用样式 
require('../../assets/css/index.less')
require('../../assets/fonts/iconfont.css') //字体样式

// 当前页面样式
require('./register.less')

//工具函数 utils
const dom = require('../../utils/dom');
//引入验证码插件
let CaptchaMini = require("captcha-mini")
//引入正则验证
let validate = require('../../utils/validator.js');
//引入axios封装的文件
let https = require('../../utils/https.js');

//DOM加载事件
//DOM加载事件
dom.ready(function () {



    //全局验证码
    let capCode = '';
    //使用验证码插件
    let captcha = new CaptchaMini();
    captcha.draw(document.querySelector('#captcha1'), r => {
        capCode = r.toLowerCase();
    });


    //提交验证
    dom.addEvent('#regBtn', function () {
        /*
        实现思路:
        1.验证手机号为非空---非空
        2.验证手机号正则
        3.验证非空
        4.验证是否相同
        5.密码非空验证
        6.密码正则验证
        7.确认密码和密码是否相同
        8.以上都不满足--- 以上都不通过(所有东西都写,正则也通过,验证和密码都输入正确)

        
        */
        //1.验证手机号为非空-- - 非空
        if (!account.value) {
            errMsg.textContent = '手机号码不能为空';
            // return false;
            // alert('手机号不能为空')
        }
        //2.验证手机号正则
        else if (!validate.checkPhone(account.value)) {
            errMsg.textContent = '手机号码格式错误';
            // return false;


        }
        //3.验证非空
        else if (!code.value) {
            errMsg.textContent = '验证码不能为空';

            // alert('验证不能为空')
        }
        //4.验证是否相同
        else if ((code.value).toLowerCase() != capCode) {
            errMsg.textContent = '输入的验证码错误!';

            // alert('输入的验证码错误!')
        }
        //5.密码非空验证
        else if (!pwd.value) {
            errMsg.textContent = '密码不能为空';

            // alert('密码不能为空')
        }
        //6.密码正则验证
        else if (!validate.checkPwd(pwd.value)) {
            errMsg.textContent = '密码格式有误!';

            // alert('密码格式有误')
        }
        //7.确认密码和密码是否相同
        else if (pwd.value != pwd02.value) {
            errMsg.textContent = '两次密码不一致!';

            // alert('两次密码不一致!')
        } else {
            //上面所有验证全部通过 调用ajax接口 实现真正的注册

            https.post('/api/user/isExist', {
                account: account.value
            }, function (res) {
                console.log(res);
                // if判定是否可用 
                if (res.errno === 0) { //可用


                    https.post('/api/user/register', {
                        account: account.value,
                        password: pwd.value
                    }, function (res) {
                        //判定 是否注册成功
                        if (res.errno == 0) { //成功
                            // // errMsg.textContent = "恭喜您!注册账号成功!"; 
                            // alert('恭喜您!注册账号成功!');

                            weui.alert('恭喜您!注册账号成功!')

                            errMsg.textContent = ""; //清掉之前的错误信息
                            //跳转
                            setTimeout(function () {
                                location.href = "./login.html"
                            }, 2000)

                        } else { //失败
                            weui.alert(res.message)
                           
                        }
                    })

                } else { //不可用
                    weui.alert(res.message)

                }
            })









        }


    })


    


})